<include file="User/header" />
<include file="User/leftmenu" />

<if condition="!empty($info) eq true">
<div class="right" id="tab1">
  <div class="title"><a href="/userorder/index.html" target="_blank">我的订单</a>&nbsp;&gt;&nbsp;订单详情</div>
  <!-- 2016-8-4 -->
  <if condition="($info['pay_status'] eq 0) or ($info['pay_status'] eq -1)">
  <div class="order-details">
  当前状态：&nbsp;&nbsp;&nbsp;&nbsp;<span class="payment">待付款<a href="#" class="_payMoney">付款</a></span>
  </div>
  </if>
  <div class="order_details_list" id="con_one_1"><!-- 其他div需要class添加hide来进行隐藏  实现切换 -->
    <div class="order-title">订单详情</div>
    <div class="order-title-details">
      <span class="_orderinfo_id">订单编号：<b>{$info['order_id']}</b></span>
      <span>下单时间：<b>{$info['order_time'] |date='Y-m-d H:i:s',###}</b></span>
    </div>
    <div class="order-title">商品详情</div>
    <table class="table table-order-details table-border">
      <colgroup>
          <col class="col-md-3">
          <col class="col-md-1">
          <col class="col-md-1">
          <col class="col-md-1">
      </colgroup>
      <thead>
          <tr>
            <th>API名称</th>
            <th>套餐价格</th>
            <th>套餐次数</th>
            <th>操作</th>
          </tr>
      </thead>
      <tbody>
          <tr>
            <td class="text-left"><a href="/Index/detail.html?sid={$info['service_id']}&pid={$info['api_id']}">{$info['api_name']}</a></td>
            <if condition="$info['amount'] gt 0">
              <td>{$info['full_package_name']} </td>
              <td>{$info['new_limit_num']}次</td>
            <else />
              <td>免费 </td>
              <td>无限制</td>
            </if>
            <td>
              <if condition="($info['pay_status'] eq 0) or ($info['pay_status'] eq -1)">
              <a class="_orderinfo_cancleod">取消订单</a>
              </if>
            </td>
          </tr>
      </tbody>
    </table>
  </div>
  <!-- 2016-8-5 end --> 

</div>
</div>
<else />
  <div class="right" id="tab1">
  <div class="title">订单不存在</div>
  </div>
</if>
<div id="LoginBox" class="grantdiv">
  <div class="hz">
    <div class="hztop"><a style="float:right; margin-right:20px;" href="javascript:void(0)" title="关闭窗口" class="close_btn" id="close_btn"><img src="/Public/home/images/no.png" /></a></div>
    <div class="hzcp">
      <p>是否取消订单?</p>
    </div>
    <div class="mydiv-foot" style=" width:250px; margin:0 auto"><a href="javascript:void(0)" class="smthree fl close_btn" id="close_btn">取消</a><a class="smtwo fr _userorder_cancleSure">确认</a></div>
  </div>
</div>

<script type="text/javascript">
	$(function ($) {
		//弹出登录
		$("#example").on('click', function () {
			$("#LoginBox").fadeIn("slow");
		});
		//关闭
		$(".close_btn").hover(function () { $(this).css({ color: 'black' }) }, function () { $(this).css({ color: '#999' }) }).on('click', function () {
			$("#LoginBox").fadeOut("fast");
		});
	});
</script>
<script src="__PUBLIC__/home/js/userorder_info.js"></script>
<script src="__PUBLIC__/js/common.js"></script>
</body>
</html>
